<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Modul1</title>
    </h:head>
    <h:body>
    <ui:composition template="/templates/layout.xhtml">
        
        <div class="menu">
          <!-- this is the menu, the comments above applies here too -->
          <ui:insert name="menu">
            <ui:include src="/templates/menu2.xhtml" />
          </ui:insert>
        </div>
        
        <ui:define name="content">
        <div>
            <h1>Modul 1 - BlueJ, Klasser og Objekter</h1>
               <form action="modul2.xhtml"><input type="submit" value="Neste modul" /></form>
        </div> 

<div>
        <p>I denne modulen skal du først og fremst lære å bruke verktøyene du skal bruke i resten av kurset. 
            I tillegg skal du begynne å lære litt om objektorientert programmering og java.        </p>

	<h2>Læringsmål:</h2>
        <h:form>
	Du har fullført modulen når du kan:
        <h4>Bruke BlueJ, bl.a. til å: </h4>
        <h:selectManyCheckbox value="#{userBean.data}">
			<f:selectItem itemValue="1" itemLabel="Åpne, lagre, og lukke prosjekter." />
             </h:selectManyCheckbox>
         <h:selectManyCheckbox value="#{userBean.data}">
			<f:selectItem itemValue="2" itemLabel="Lage objekter" />
             </h:selectManyCheckbox>
	<h:selectManyCheckbox value="#{userBean.data}">
			<f:selectItem itemValue="3" itemLabel="Kalle metoder i objektene, med og uten parametere" />
             </h:selectManyCheckbox>
        <h:selectManyCheckbox value="#{userBean.data}">
			<f:selectItem itemValue="4" itemLabel="Bruke editoren til å se på kildekoden til en klasse" />
             </h:selectManyCheckbox>
        <h:selectManyCheckbox value="#{userBean.data}">
			<f:selectItem itemValue="5" itemLabel="Kunne kompilere prosjektet" />
             </h:selectManyCheckbox>
		
	<h4>Litt java, du skal f.eks.</h4>
        
        <h:selectManyCheckbox value="#{userBean.data}">
			<f:selectItem itemValue="6" itemLabel="Kunne kjenne igjen en klassedefinisjon, og kunne finne navnet på klassen" />
             </h:selectManyCheckbox>
	<h:selectManyCheckbox value="#{userBean.data}">
			<f:selectItem itemValue="7" itemLabel="Kjenne til forskjellige typer data" />
             </h:selectManyCheckbox>
        <h:selectManyCheckbox value="#{userBean.data}">
			<f:selectItem itemValue="8" itemLabel="Kalle metoder med et objekt som parameter" />
             </h:selectManyCheckbox>
        <h:selectManyCheckbox value="#{userBean.data}">
			<f:selectItem itemValue="9" itemLabel="Kalle metoder som returnerer en verdi" />
             </h:selectManyCheckbox>
	<h:selectManyCheckbox value="#{userBean.data}">
			<f:selectItem itemValue="10" itemLabel="Kjenne forskjellen mellom klasser og objekter" />
             </h:selectManyCheckbox>
	
        <h:commandButton value="Send inn" action="result" />
      </h:form>
        <h2>Ressurser:</h2>
	<p>Læreboka:	Chap. 1</p>
	<p>Prosjekter:	figures, house, lab-classes</p>

	<p>Introduksjon til modul 1:  <a href="http://home.uia.no/hallgeir/is-102/introModul1">Intro</a></p>
           
 </div>
            <h3> Du har nå valgt ut 
            <ui:repeat value="#{userBean.data}" var="s"> 	
                    #{s}
            </ui:repeat> av 10 kriterier.
                        </h3>
        <!-- footer -->
</ui:define>
        
    </ui:composition>
  </h:body>
      
        
</html>